<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/cartoon.css">
    <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>

    <script src="./js/cartoon.js"></script>
</head>

<body>
    <!--  -->
    <div class="model">
        <section class="model-main">
            用户名:dsadasdasd
            <input type="text" name="" id=""><br> 密码:
            <input type="password" name="" id=""><br> 日期：
            <input type="date"><br>
            <button class="tijiao">提交</button>
            <button class="guanbi">关闭</button>
        </section>
    </div>
    <div class="all">
        <div class="top-nav"><span>后台管理系统</span><img src="./imges/hanbao.png" alt="" class="hanbao"></div>
        <div class="left-nav">

            <ul>
                <li>首页</li>
                <li class="li">用户管理<img src="./imges/dayuhao.png" alt="" class="img">
                    <ol class="li-o">
                        <li><span>用户管理列表</span> </li>
                    </ol>
                </li>
                <li class="li">漫画管理<img src="./imges/dayuhao.png" alt="" class="img">
                    <ol class="li-o">
                        <li><span>漫画管理列表</span> </li>
                    </ol>
                </li>
                <li class="li">留言管理<img src="./imges/dayuhao.png" alt="" class="img">
                    <ol class="li-o">
                        <li><span>留言管理列表</span> </li>
                    </ol>
                </li>
                <li class="li">超级管理员<img src="./imges/dayuhao.png" alt="" class="img">
                    <ol class="li-o">
                        <li><span>超级管理员管理列表</span> </li>
                    </ol>
                </li>
                <li>退出</li>
            </ul>
        </div>
        <div class="container">
            <div class="search-box">
                <input type="text" class="search-txt" placeholder="想搜啥">
                <a href="" class="search-btn">
                    <img src="./imges/se.png" alt="">
                </a>

            </div><button class="look">添加</button>

            <div class="user">
                <table class="userDetail">
                    <tr>
                        <th>
                            ID
                        </th>
                        <th>
                            图片
                        </th>
                        <th>
                            作者
                        </th>
                        <th>
                            简介
                        </th>
                        <th>
                            漫画信息
                        </th>
                        <th>
                            操作
                        </th>
                        <tr>
                            <td>
                                ID
                            </td>
                            <td>
                                用户名
                            </td>
                            <td>
                                密码
                            </td>
                            <td>
                                加入时间
                            </td>
                            <td></td>
                            <td>
                                <button class="btn" name="delete">删除</button>
                                <button class="btn up" name="g">修改</button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                ID
                            </td>
                            <td>
                                用户名
                            </td>
                            <td>
                                密码
                            </td>
                            <td>
                                加入时间
                            </td>
                            <td></td>
                            <td>
                                <button class="btn" name="delete">删除</button>
                                <button class="btn up" name="g">修改</button>
                            </td>
                        </tr>

                </table>
            </div>


        </div>

    </div>

</body>

</html>